html,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,span,i,input,img,a{
    margin: 0;
    padding: 0;
}
body{
    font-family: '微软雅黑';
    color: #333;
}
a{
    color:#333;
    text-decoration: none;
}

/* 去掉li点 */
li{
   list-style: none;
   display: inline-block;
}
input{
    font-size: 16px;
    font-family: '微软雅黑';
    color: #333;
    outline:none;
}
/* 清除浮动 */
.clearfix::after{
   /* 必写 */
   content: "";
   display: table;
   clear: both;
   visibility: hidden;
   height: 0;
   line-height: 0;
}
.clearfix::before{
   content: "";
   display: table;
}
.clearfix{
   /* 兼容IE低版本的hack写法 */
   zoom:1;
}
.w1460 {
    width: 1460px;
    margin: 0 auto;
}

/* 头部 */
.header-top {
    height: 35px;
    background-color: #F5F5F5;
    font-size: 0;
    z-index: 15;
    position: relative;
}
.header-main-f{
    width: 100%;
    height: 80px;
    background-color: #fff;
    position: sticky;
    top:0;
    z-index: 10;
}
.header-main {
    width: 1460px;
    height: 80px;
    /* margin: 0 auto; */
}

.h-t-main {
    height: 35px; 
}
/* 顶部 左 */
.h-t-m-left {
    width: 95px;
    height: 35px;
    float: left;
    line-height: 35px;
}

.h-t-m-right {
    width: 753px;
    height: 35px;
    float: right;
}
.h-t-m-left i{
    display: inline-block;
    width: 19px;
    height: 22px;
    background: url(../img/icons/jinglingtu.png) -190px 196px;
}
.h-t-m-left span{
    font-size: 12px;
    vertical-align: 4px;
}
.h-t-m-left a{
    color: #0CB46A;
    vertical-align: 4px;
    font-size: 12px;
    position: relative;
}
/* 顶左展示栏 */
.h-t-m-l-zhan{
    width: 430px;
    height: 230px;
    position: absolute;
    z-index: 11;
    top:35px;
    background-color: #fff;
    display: none;
}
.h-t-m-left:hover .h-t-m-l-zhan{
    display: block;
}
.h-t-m-l-z-up{
    height: 40px;
    background-color: #F5F5F5;;
}
.h-t-m-l-z-up p{
    font-size: 12px;
    height: 40px;
    width: 50px;
    line-height: 40px;
    color:#0CB46A;
    margin-left: 30px;
    border-bottom: 2px solid #0cb46a;
}
.h-t-m-l-zhan ul{
    display: inline-block;
    height: 146px;
    width: 430px;
    
    padding: 10px 15px 0 32px;
    box-sizing: border-box;
}
.h-t-m-l-zhan li{
    font-size: 12px;
    color:#333;
    margin-right: 38px;
    line-height: 0;
}
.h-t-m-l-zhan span{
    margin-left: 32px;
    color:#666;
}
.h-t-m-l-zhan a{
    color:#333;
}
.h-t-m-l-zhan a:hover{
    color: #0cb46a;
}




/*顶部 右 */
.h-t-m-right a{
    display: inline-block;
    height: 35px;
    font-size: 12px;
    color: #999999;
    padding: 0 16px;
    line-height: 35px;
    box-sizing: border-box;          
}
.h-t-m-right .h-t-m-r-a2{
    padding: 0;
}
.h-t-m-r-tu{
    width: 1px;
    height: 12px;
    background-color: #dcdcdc;
     display: inline-block;
}
.h-t-m-right i{
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 3px;
    background: url(../img/icons/jinglingtu.png) -190px -220px;
}
.h-t-m-right .h-t-m-r-2{
    display: inline-block;
    width: 17px;
    height: 15px;
    background: url(../img/icons/jinglingtu.png) -190px -245px;
    vertical-align: -4px;
}
.h-t-m-right span{
    font-size: 12px;
    color: #FF5A00;
    height: 35px;
    line-height: 35px;
    position: relative;
}
.h-t-m-right span::after{
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    left: 134px;
    top:6px;
    background: url(../img/icons/jinglingtu.png) -190px -220px;
    position: absolute;
}
/* 顶右展示栏1 */
.h-t-m-r-zhan1{
    width: 102px;
    height: 80px;
    background-color: #fff;
    position: absolute;
    left: 113px;
    top:34px; 
    display: none;
}
.h-t-m-r-zhan1 a{
    margin-left: 16px;
    padding: 0;
}
.h-t-m-right{
    position: relative;
}
.h-t-m-r-aa:hover +.h-t-m-r-zhan1{
    display: block;
}
/* 顶右展示栏2 */
.h-t-m-r-zhan2{
    width: 102px;
    height: 100px;
    background-color: #fff;
    position: absolute;
    left: 210px;
    top:34px; 
    display: none;
}
.h-t-m-r-zhan2 a{
    margin-left: 16px;
    padding: 0;
}
.h-t-m-right{
    position: relative;
}
.h-t-m-r-ab:hover +.h-t-m-r-zhan2{
    display: block;
}
/* 顶右展示栏3 */
.h-t-m-r-zhan3{
    width: 102px;
    height: 80px;
    background-color: #fff;
    position: absolute;
    left:300px;
    top:34px; 
    display: none;
}
.h-t-m-r-zhan3 a{
    margin-left: 16px;
    padding: 0;
}
.h-t-m-right{
    position: relative;
}
.h-t-m-r-ac:hover +.h-t-m-r-zhan3{
    display: block;
}

/* 头主题 */
.h-m-left1{
    width: 300px;
    height: 80px;
    float: left;
    margin-right: 85px;
    
}
.h-m-left2{
    width: 766px;
    height: 80px;
    
    float: left;    
}
.h-m-right{
    width: 258px;
    height: 80px;
   
    float: right;
}
/* 头主题 左 */
.h-m-left1 i{
    display: inline-block;
    width: 146px;
    height: 46px;
    background: url(../img/icons/jinglingtu.png) -1px -260px;
    margin-top: 16px;
}
.h-m-left1 img{
    width: 120px;
    height: 50px;   
}
.h-m-left2 li{
    position: relative;
}
/* 头主题 中*/
.h-m-left2 a{
    font-size: 16px;
    color: #333333;
    line-height: 80px; 
}
/* 鼠标移入 */
.h-m-left2 li:hover a{
    color:#0cb46a;
}
.h-m-left2 li:hover i{
    background: url(../img/icons/jinglingtu.png) -165px -180px;
}
/* 首页修饰 */
.h-m-l-text a{
    display: inline-block;
    line-height: 40px;
    height: 38px;
    color:#0cb46a;
    border-bottom: 2px solid #0cb46a;
}
.h-m-left2 i{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../img/icons/jinglingtu.png) -152px -180px;
    margin-left: 5px;
    vertical-align: -2px;
}

.h-m-left2 li{
    padding: 0 12px 0;
    margin-right: 15px;
}
.h-m-left2 span{
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url(../img/icons/jinglingtu.png) -170px -180px;
    vertical-align: -4px;
}
/* 头主题 展示区 */
.h-m-l-zhan1{
    width: 100%;
    height: 150px;
    position: absolute;
    top: 100%;
    left: 1px;
    background-color: #fff;
    display: none;
}
.h-m-l-z-center{
    width: 1040px;
    height: 150px;
   
    margin: 0 auto;
}
.h-m-l-z-center a{
    font-size: 14px;
    height: 30px;
}
.h-m-l-z1:hover +.h-m-l-zhan1{
    display: block;
}

/* 头主题 右 */
.h-m-r-text{
    width: 265px;
    height: 32px;
    margin-top: 19px;
    border:1px solid #999;
    font-size: 14px;
    line-height: 32px;
    color: #999;
    float: right;
    padding-left: 5px;
}
.h-m-r-text input{
    width: 188px;
    border:0;
    font-size: 13px;
}
.h-t-m-r-a:hover{
    color:#0cb46a;
}
.h-m-r-text::after{
    content: "";
    display: inline-block;
    width: 30px;
    height: 25px;
    vertical-align:-8px ;
    margin-left: 42px;
    background: url(../img/icons/jinglingtu.png) -210px -272px;
}

/* 头部 end */



/* 主要内容 */
.list-content{
    width: 1220px;
    height: 3200px;
    margin: 0 auto;
   padding-bottom: 80px;
}
.list-left{
    width: 960px;
    float: left;
}
.list-right{
    width: 240px;
    height: 1352px;
    float: right;

    font-size: 0;
}
/* 左 */
/* 表单 */
.list-left-fill{
    width: 958px;
    height: 254px;
    margin-top: 30px;
    border: 1px solid #eaeaea;
}
.l-l-f-title{
    padding: 18px 0 15px 21px;
    height: 16px;
    font-size: 12px;
    color:#999999;
}
.l-l-f-title a{
    color:#666666;
}
.l-l-f-title span{
    padding: 0 10px 0 10px;
}
.list-left-fill dl{
    height: 41px;
    position: relative;
    font-size: 12px;
    line-height: 41px;
    border-top: 1px dotted #eaeaea;
}
.list-left-fill dt{
    width: 78px;
    height: 40px;
    position: absolute;
    border-right: 1px solid #eaeaea;
    text-align: center;
    background-color: #f8f8f8;
}
.list-left-fill dd{
    width: 820px;
    height: 41px;
    position: absolute;
    left:110px;
}
.list-left-fill dd a{
    display: inline-block;
    padding: 0 15px 0;
    margin-top: 5px;
    height: 35px;
}
.list-left-fill dd a:nth-child(1){
    color: #0DB469;
}
/* 个别样式 */
.l-l-f-dl2-a1{
    background-color:#f8f8f8 ;
}
.l-l-f-dl2 i{
    display: inline-block;
    width: 5px;
    height: 3px;
    background: url(../list.img/dl.png) no-repeat;
    transform: rotate(180deg);
    padding-left: 5px;
    vertical-align: 2px;
}
.list-left-fill .l-l-f-dl3{
    height: 80px;
}
.list-left-fill .l-l-f-dl3 dt{
    height: 80px;
}
.list-left-fill .l-l-f-dl3 dd{
    height: 80px;
}
.l-l-f-dl4 input{
    vertical-align: -2px;
    margin-right: 3px;
}
.list-left-fill a:hover{
    color:#0DB469;
}
/* 表单end */

/* 导航 */
.list-left-nav{
    height: 38px;
    border: 1px solid #eaeaea;
    margin-top: 52px;
}
.list-left-nav a{
    display: inline-block;
    width: 108px;
    height: 38px;
    line-height: 38px;
    color: #666;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    border-right: 1px solid #eaeaea;
}
.list-left-nav i{
    display: inline-block;
    width: 12px;
    height: 10px;
    background: url(../list.img/nav2.png) no-repeat;
    transform: scale(0.5); 
}
.list-left-nav .l-l-n-i{
    background: url(../list.img/nav.png) no-repeat;
    width: 6px;
    height: 6px;
    transform: scale(1);
}
.list-left-nav a:nth-child(1){
    color:#0DB469;
}
/* 导航end */

/* 列表 */
.list-left-main{
    width: 960px;
    height: 328px;
    padding-top: 30px;
    
}
.l-l-m-left{
    width: 84px;
    height: 84px;
    border-radius: 50%;
    object-fit: fill;
    border: 1px solid #eaeaea;
    float: left;
}
.l-l-m-right{
    width: 860px;
    height: 297px;
    float: left;
    margin-left: 14px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #e3e3e3;
    width: 860px;
}
.l-l-m-r-p1{
    margin-bottom: 8px;
    font-size: 20px;
    color:#111111;
    font-weight: 700;
}
.l-l-m-r-box1{
    height: 21px;
    font-size: 13px;
    color: #111;
    margin-bottom: 10px;
}
.l-l-m-r-box1 i{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../list.img/main2.png) -1px 2px/14px 14px;

}
.l-l-m-r-span1{
    display: inline-block;
    padding-left: 10px;
    border-left: 1px solid #e3e3e3;
    margin-left: 10px;
}
.l-l-m-r-span2{
    display: inline-block;
    padding: 0 10px 0 10px;
    border-right: 1px solid #e3e3e3;
}
.l-l-m-r-span3{
    display: inline-block;
    padding-left: 10px;
    color:#ff5a00;
}
.l-l-m-r-p2{
    display: inline-block;
    font-size: 16px;
    color:#333;
    float: right;
    margin-right: 36px;
}
.l-l-m-r-p2 i{
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(../list.img/main22.png) no-repeat;
    vertical-align: -4px;
}
.l-l-m-r-box2{
    height: 23px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 23px;
}
.l-l-m-r-span4{
    display: inline-block;
    color: #FF5921;
    background: #FFF0EC;
    padding: 0 8px;
    margin-right: 10px;
}
.l-l-m-r-span5{
    display: inline-block;
    border: 1px solid hsla(0,0%,40%,.3);
    padding: 0 8px;
    margin-right: 10px;
}
.l-l-m-r-p3{
    height: 18px;
   margin: 0 0 10px;
   font-size: 13px;
}
.l-l-m-r-p3 i{
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../list.img/main3.png) no-repeat -2px -2px/17px 17px;
    vertical-align: -4px;
}
.l-l-m-r-p4 i{
    background: url(../list.img/main4.png) no-repeat -2px -2px/17px 17px;
}
.l-l-m-r-box3{
    width: 860px;
    height: 140px;
    
}
.l-l-m-r-box3 img{
    width: 200px;
    height: 140px;
    margin-right: 10px;
}
/* 列表end */

/* 页数 */
.main-bottom{
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
}
.main-bottom button{
    display: inline-block;
    background: #fff 0 0 no-repeat;
    color: #888;
    padding: 10px;
    min-width: 15px;
    border: 1px solid #E2E2E2;
}
.main-bottom button:hover{
    color:#0DB469;
    cursor: pointer;
}
/* 页数end */

/* 右 */
/* 本月推荐 */
.l-r-img1{
    width: 240px;
    height: 80px;
    margin-top: 30px;
}

.list-right ul{
    width: 240px;
    height: 456px;
    border: 1px solid #eaeaea;
    border-top: none;
}
.list-right li{
    width: 208px;
    height: 75px;
    border-bottom: 1px solid #f7f7f7;
    margin: 0 15px;
    
}
.l-r-i1{
    float: left;
    width: 22px;
    height: 27px;
    background: url(../list.img/r1.png)  -44px -54px/22px 27px;
    margin: 26px 0 22px;
}
.l-r-i2{
    background: url(../list.img/r2.png)  -44px -54px/22px 27px;
}
.l-r-i3{
    background: url(../list.img/r3.png)  -44px -54px/22px 27px;
}
.l-r-i4{
    background: url(../list.img/r4.png)  -44px -54px/22px 27px;
}
.l-r-i5{
    background: url(../list.img/r5.png)  -44px -54px/22px 27px;
}
.l-r-i6{
    background: url(../list.img/r6.png)  -44px -54px/22px 27px;
}
.list-right li img{
    float: left;
    margin: 18px 10px 17px 16px;
    height: 38px;
    width: 38px;
    border: 1px solid #b8bcc3;
    border-radius: 50%;
}
.list-right li p{
    font-size: 15px;
    color: #111;
    width: 120px;
    float: left;
    line-height: 75px;
}
/* 本月推荐 end*/

/* 右侧第二部分 */
.list-right-two{
    width: 238px;
    border: 1px solid #e8e8e8;
    margin-top: 20px;
    padding: 10px 0 4px;
}
.l-r-t-span1{
    color: #333;
    position: relative;
    z-index: 3;
    background: #fff;
    font-weight: bold;
    width: 224px;
    height: auto;
    margin-left: 12px;
    font-size: 14px;
    line-height: 18px;
    float: left;
}
.list-right-two ul{
    position: relative;
    top: -1px;
    width: 214px;
    height: 356px;
    margin-left: 12px;
    z-index: 2;
    overflow: hidden;
    zoom: 1;
    display: inline-block;
    border:0;
}
.list-right-two li{
    width: 214px;
    height: 89px;
}
.list-right-two li i{
    display: inline-block;
    position: relative;
    width: 23px;
    height: 28px;
    top: 28px;
    left: 5px;
    background: url(../list.img/tupianjingling.png) no-repeat 1px -35px;
}
.list-right-two li b{
    width: 150px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #999;
    display: inline-block;
   margin-top: 18px;
   margin-left: 10px;
    font-weight: normal;    
}
.list-right-two li p{
    display: inline-block;
    font-size: 12px;
    width: 165px;
    height: 16px;
    line-height: 16px;
    color: #666;
    margin-left: 34px;
    font-weight: normal;
}
.list-right-two input{
    display: block;
    margin: 3px auto 12px;
    width: 214px;
    height: 40px;
    text-align: center;
    border: 0;
    background: #f26f20;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.l-r-img2{
    display: inline-block;
    width: 240px;
    height: 240px;
    margin-top: 20px;
}
/*  右侧end */


/* footer区 */
.foot{
    margin-top: 100px;
    width: 100%;
    height: 120px;
    background-color: #1F1F1F;
    border-bottom: 1px solid #313131;
}
.foot-center{
    width: 1460px;
    height: 119px;
    margin: 0 auto;
    padding-top: 40px;
    box-sizing: border-box;
  
}

.foot-list{
    width: 100%;
    height: 35px;
}
.foot-list span{
    font-size: 13px;      
    
    background-color: #121212;
    line-height: 34px;
    color: #83888a;
    padding: 7px 7px;
    margin-right: 10px;
}
.foot-list span:nth-child(1){
    background-color:#384144;
    color: #FFFFFF;
}
.foot-list p{
    display: inline-block;
    float: right;
    font-size: 13px;
    color: #83888a;
}


.foot-center p a{
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    color: #83888a;
    font-size: 12px;
}



/* 下栏 */
.footer{
    width: 100%;
    height: 210px;
    margin: 0 auto;
    background-color: #1F1F1F;
}
.footer-center{
    width: 1460px;
    height: 150px;
    margin: 0 auto;
}
.footer-left{
    width: 906px;
    height: 150px;
    float: left;
}
.footer-right1{
    width: 100px;
    height: 150px;
    margin-right: 20px;
    float: right;
}
.footer-right2{
    width: 100px;
    height: 150px;
    
    float: right;
    margin-left: 10px;
}

.footer-left li{
    list-style: none;
    display: inline-block;
}
.footer-left a{
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}
.footer-left p{
    font-size: 12px;
    margin-top: 30px;
    color: #83888A;
}
.footer-left-text a{
    color: #666;
    font-size: 12px;
    margin-left: 17px;
}
.footer-left-text1 img{
    width: 20px;
    height: 20px;
    vertical-align: -4px;
}
.footer-left-text1 i{
    margin-left: 10px;
    display: inline-block;
    width: 100px;
    height: 24px;
    background: url(../img/icons/jinglingtu3.png) -380px -500px;
    vertical-align: -6px;
}
.footer-right1 img{
    width: 100px;
    height: 100px;
    margin-top: 30px;
}
.footer-right2 img{
    width: 100px;
    height: 100px;
    margin-top: 30px;
    
}
.footer-right1,
.footer-right2 p{
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}
/* footer区end */

/* 页面右侧固定栏 */
.page-right{
    width: 60px;
    height: 356px;
    background-color: skyblue;
    position: sticky;
    top: 10px;
    float: right;
    z-index: 20;
}